<script setup lang="ts">
import { ref } from 'vue';
import { ProFormOption } from '../components/ProForm/type';


const innerVisible = ref(false);

const options: ProFormOption[] = [
    {
        name: 'userName',
        label: '用户名',
        formAttrs: {
            labelAlign: 'left'
        }
    },
    {
        name: 'userPassword',
        label: '密码',
        formAttrs: {
            labelAlign: 'left'
        }
    }
]

async function request() {
    return null;
}
</script>

<template>
    <div>
        <t-button @click="innerVisible = true">添加</t-button>
        <t-dialog width="100%" :footer="false" header="添加用户" v-model:visible="innerVisible">
            <ProForm :options="options" :request="request"></ProForm>
        </t-dialog>
    </div>
</template>

<style scoped>
</style>
